﻿@{
    ViewBag.Title = "QuanLyDichVuHoTro";
    Layout = "~/Views/MasterPage/Main.cshtml";
}
@model MvcApplication1.Models.DonDangKyDichVuModel

<h2>Danh sách các đơn đăng ký hỗ trợ</h2>

<nav class="tab-list">
        @Html.ActionLink("Đơn đăng ký sửa chữa", "QuanLyDichVuHoTro", null, new { @class = "active tab" })
        @Html.ActionLink("Thắc mắc & Giải đáp", "QuanLyThacMacVaGiaiDap", null, new { @class = "tab" })
</nav>

<table class="order-list @ViewBag.EmptyState">
		<caption>Sản phẩm đã đăng kí của tôi</caption>
		<colgroup>
			<col width="12%">
			<col width="14%">
			<col width="12%">
			<col width="*">
			<col width="12%">
			<col width="12%">
            <col width="10%">
            <col width="15%">
		</colgroup>
		<thead>
		    <tr> 
                <th>Tên tài khoản</th>
			    <th>Tên sản phẩm</th>
			    <th>Ngày đặt</th>
                <th>Mô tả</th>
                <th>Ngày nhận</th>
			    <th>Tình trạng</th>
                <th>Cập nhật đơn hàng</th>
                <th>Phản hồi của KH</th>
		    </tr>
		</thead>
		<tbody>
        @{
            foreach (var donDangKy in ViewBag.dsDonDangKyModels)
            {
                <tr data-id="@donDangKy.id">
                    <td>@donDangKy.tenDangNhap</td>
                    <td>@donDangKy.tenSanPham</td>
                    <td>@donDangKy.ngayDangKySuaChua</td>
                    <td>@donDangKy.moTaChiTiet</td>
                    <td class="updateDate">@donDangKy.ngayGiaoHang</td>
                    <td class="status">@donDangKy.tinhTrang</td>
                    <td><a href="javascript:void(0)" class="update-button">Cập nhật</a></td>
                    <td>@donDangKy.yKienPhanHoi</td>
                </tr>
            }
        }
            <tr class="error-message">
		        <td colspan="7">@ViewBag.DangKySuaChuaEmpty</td>
			</tr>
        </tbody>
	</table>

    <script>
        $('.update-button').on('click', function () {
            var self = this;

            $.ajax({
                url: '/QuanLyHoTroKhachHang/CapNhatDonHang',
                type: "POST",
                data: {
                    donhangid: $(self).parents('tr').attr('data-id')
                }
            }).done(function (rep) {
                $(self).parents('tr').find('.status').html('Hoàn thành');
                $(self).parents('tr').find('.updateDate').html(rep.ngayCapNhat);
            });
        });
</script>